<template>
  <div class="city_list_map">
    <baidu-map
      class="map"
      center="中国"
      ak="ydQSqxFvhi32yEHGTo8rEqxpvfBMvE85"
      :scroll-wheel-zoom="true"
    >
    <bm-city-list anchor="BMAP_ANCHOR_TOP_LEFT"></bm-city-list>
    </baidu-map>
  </div>
</template>

<script>
import { BaiduMap, BmCityList } from "vue-baidu-map";
export default {
  components:{
    BaiduMap,
    BmCityList
  }
}
</script>

<style lang="scss" scoped>
.city_list_map {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.map {
  width: 100%;
  height: 100%;
}
</style>